<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta name="misapplication-tap-highlight" content="no" />
		<meta name="HandheldFriendly" content="true" />
		<meta name="MobileOptimized" content="320" />
		<title>我的礼品-学生</title>
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/base.css" />
		
		<style>
			.mui-content{
				background-color: #FFFFFF;
				overflow-y: scroll;
			}
			.btnStyle{
				border: none;
				background-color: #00d5c5;
				color: #FFFFFF;
				width: 70px;
			}
			.btnStyle2{
				background-color: #eeeeee;
				color: #00d5c5;
			}
			.fontSize-15{
			    font-size: 15px;
			}
			.magin-top10{
				margin-top: 10px;
			}
			.padding-left10{
				padding-left: 10px;
			}
			.imgStyle1{
				width: 30px;
				margin: 5px;
			}
			
			.imgStyle03{
				width: 50px;
			}
			.imgStyle04{
				width: 20px;
			}
			
			.div1{
				width: 100%;
				padding: 10px;
				border-bottom: 1px solid #a3a3a3;
			}
		</style>
	</head>
	<body>
		
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">我的礼品</h1>
           
		</header>
		<div class="mui-content fill-all">
		    
			<div class="div1 flex v-center h-center">
				
				<img class="imgStyle03 flex-2" src="../img/bg-01.png"/>
					
				
				<div class="flex-3 padding-left10">
					<div>
						<span class="green">喵喵喵</span>
						<span class="fontSize-15">今天12.31</span>
					</div>
					<div class="magin-top10">
						<span>哈哈牌钢笔</span>
					</div>
					<div class="flex v-center">
						<img class="imgStyle04" src="../img/star-y.png"/>
					    <span class="yellow">88</span>
					</div>
					<div>
						<span>数量 :</span>
						<span class="red">33</span>
					</div>
					
				</div>
				<div class="flex-2" style="text-align: center;">
					<button class="mui-btn btnStyle">待收</button>
				</div>
				
			</div>
			
			<div class="div1 flex v-center h-center">
				
				<img class="imgStyle03 flex-2" src="../img/bg-01.png"/>
					
				
				<div class="flex-3 padding-left10">
					<div>
						<span class="green">喵喵喵</span>
						<span class="fontSize-15">今天12.31</span>
					</div>
					<div class="magin-top10">
						<span>哈哈牌钢笔</span>
					</div>
					<div class="flex v-center">
						<img class="imgStyle04" src="../img/star-y.png"/>
					    <span class="yellow">88</span>
					</div>
					<div>
						<span>数量 :</span>
						<span class="red">33</span>
					</div>
					
				</div>
				<div class="flex-2" style="text-align: center;">
					<button class="mui-btn btnStyle">待收</button>
				</div>
				
			</div>
			
			
			<div class="div1 flex v-center h-center">
				
				<img class="imgStyle03 flex-2" src="../img/bg-01.png"/>
					
				
				<div class="flex-3 padding-left10">
					<div>
						<span class="green">喵喵喵</span>
						<span class="fontSize-15">今天12.31</span>
					</div>
					<div class="magin-top10">
						<span>哈哈牌钢笔</span>
					</div>
					<div class="flex v-center">
						<img class="imgStyle04" src="../img/star-y.png"/>
					    <span class="yellow">88</span>
					</div>
					<div>
						<span>数量 :</span>
						<span class="red">33</span>
					</div>
					
				</div>
				<div class="flex-2" style="text-align: center;">
					<button class="mui-btn btnStyle btnStyle2">已收</button>
				</div>
				
			</div>
			
		</div>	
		
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script src="../js/local-keys.js"></script>
		<script src="../js/utils.js"></script>
		<script>
			
			
			
		</script>
	</body>
</html>
